<template>
  <!--
    <XtxMessage type="success"></XtxMessage>
    <XtxMessage type="warn"></XtxMessage>
    <XtxMessage type="error" message="用户名不存在"></XtxMessage>
  -->
  <button @click="open1">点击调用轻提示</button>
  <button @click="open2">点击调用轻提示</button>
</template>

<script>
import XtXMessage from '@/components/library/Message'
export default {
  methods: {
    open2 () {
      // Vue2 可以给Vue原型添加方法：Vue.prototype.$message = xxx
      this.$message({ message: '恭喜你，这是一条成功消息', type: 'success' })
    }
  },
  setup () {
    const open1 = () => {
      XtXMessage({
        message: '恭喜你，这是一条成功消息',
        type: 'success'
      })
    }
    return { open1 }
  }
}
</script>
